<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="../utils/font/iconfont.css" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../utils/bootstrap.min.css" />
    <script src="../utils/jquery-3.6.0.js"></script>
    <script src="../utils/bootstrap.min.js"></script>

    <link rel="stylesheet" href="../style/ruleManagement.css" />
  </head>
  <body>
    <div class="container">
      <div class="header">
        <h1>维修调度管理系统</h1>
        <div class="user">
          <img src="../images/user.png" class="img-circle" />
          <span>用户名</span>
        </div>
      </div>
      <div class="body">
        <div class="nav">
          <ul>
            <li>
              <span class="iconfont icon-control"></span>
              <span class="firstMenuText">控制台</span>
            </li>
            <li>
              <span class="iconfont icon-equipment"></span>
              <sp class="firstMenuText" an>装备管理</sp>
            </li>
            <li>
              <span class="iconfont icon-warehouse"></span>
              <sp class="firstMenuText" an>仓库管理</sp>
            </li>
            <li>
              <span class="iconfont icon-fix"></span>
              <span class="firstMenuText">维修管理</span>
            </li>
            <li>
              <span class="iconfont icon-personnel"></span>
              <span class="firstMenuText">人员管理</span>
            </li>
            <li>
              <span class="iconfont icon-data"></span>
              <span class="firstMenuText">数据统计</span>
            </li>
            <li>
              <span class="iconfont icon-technicalData"></span>
              <span class="firstMenuText">技术资料</span>
            </li>
            <li>
              <div
                class="firstMenu"
                data-toggle="collapse"
                data-target="#rulesMenu"
              >
                <span class="iconfont icon-rules"></span>
                <span class="firstMenuText">规章制度</span>
              </div>
              <ul class="secondMenu collapse" id="rulesMenu">
                <li><a href="./rules.html">法规类型</a></li>
                <li><a href="./ruleManagement.html">法规管理</a></li>
              </ul>
            </li>
            <li>
              <span class="iconfont icon-setting"></span>
              <span class="firstMenuText">系统管理</span>
            </li>
          </ul>
        </div>
        <div class="content">
          <div class="contentBox">
            <div class="title">
              <h2>法规管理</h2>
            </div>
            <div class="search form-inline">
              <div>
                <input
                  type="text"
                  class="form-control searchName"
                  placeholder="按名称搜索"
                />

                <div class="dropdown searchDropdown">
                  <button
                    id="dropBtn1"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    class="btn btn-default dropBtn"
                  >
                    <span class="dropTitle">法规类型</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <a href="#">专业一部</a>
                    </li>
                    <li>
                      <a href="#">专业二部</a>
                    </li>
                    <li>
                      <a href="#">专业三部</a>
                    </li>
                  </ul>
                </div>
                <div class="dropdown searchDropdown">
                  <button
                    id="dropBtn2"
                    type="button"
                    data-toggle="dropdown"
                    aria-haspopup="true"
                    aria-expanded="false"
                    class="btn btn-default dropBtn"
                  >
                    <span class="dropTitle">专业类别</span>
                    <span class="caret"></span>
                  </button>
                  <ul class="dropdown-menu">
                    <li>
                      <a href="#">维修制度</a>
                    </li>
                    <li>
                      <a href="#">使用制度</a>
                    </li>
                  </ul>
                </div>
              </div>
              <div>
                <button class="btn btn-primary searchBtn">搜索</button>
                <button class="btn btn-success" id="addBtn">添加文件</button>
              </div>
            </div>
            <hr />
            <table class="table table-hover">
              <thead>
                <tr>
                  <th>ID</th>
                  <th>法规名称</th>
                  <th>法规类型</th>
                  <th>专业类别</th>
                  <th>装备型号</th>
                  <th>操作</th>
                </tr>
              </thead>
              <tbody></tbody>
            </table>
            <div class="paginationBox">
              <ul class="pagination">
                <li id="paginationLeft">
                  <a href="#">&laquo;</a>
                </li>
                <li id="paginationRight">
                  <a href="#">&raquo;</a>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <!-- 模态框 -->
    <!-- 查看 -->
    <div
      class="modal fade"
      id="viewModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="viewModalLabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <!-- 右上角的X -->
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="viewModalLabel">资料详情</h4>
          </div>
          <div class="modal-body">
            <h5 class="viewTitle"></h5>
            <p class="viewEquipmentModel"></p>
            <p>
              1.轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情。
              <br />
              2.轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情。
              <br />
              3.轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情轻型步战车维修流程制度详情。
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              确定
            </button>
          </div>
        </div>
      </div>
    </div>
    <!-- 新增 -->
    <div
      class="modal fade"
      id="addModal"
      tabindex="-1"
      role="dialog"
      aria-labelledby="addModalLabel"
    >
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <!-- 右上角的X -->
            <button
              type="button"
              class="close"
              data-dismiss="modal"
              aria-label="Close"
            >
              <span aria-hidden="true">&times;</span>
            </button>
            <h4 class="modal-title" id="addModalLabel">添加</h4>
          </div>
          <div class="modal-body">
            <div class="modal-body">
              <div class="form-group">
                <label for="addName">法规名称</label>
                <input type="text" class="form-control" id="addName" />
              </div>
              <div class="form-group">
                <label for="addRegulationsType">法规类型</label>
                <input
                  type="text"
                  class="form-control"
                  id="addRegulationsType"
                />
              </div>
              <div class="form-group">
                <label for="addProfessionalCategory">专业类别</label>
                <input
                  type="text"
                  class="form-control"
                  id="addProfessionalCategory"
                />
              </div>
              <div class="form-group">
                <label for="addEquipmentModel">装备型号</label>
                <input
                  type="text"
                  class="form-control"
                  id="addEquipmentModel"
                />
              </div>
              <div class="form-group">
                <label for="addUpload">上传文件</label>
                <input type="file" />
              </div>
            </div>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">
              取消
            </button>
            <button type="button" class="btn btn-primary" id="addSave">
              保存
            </button>
          </div>
        </div>
      </div>
    </div>
    <script src="../js/ruleManagement.js"></script>
  </body>
</html>
